.resource-card {
  @apply w-full p-2 relative flex flex-col justify-start hover:shadow hover:bg-slate-200 dark:hover:bg-slate-600 rounded-md;

  &:hover {
    .resource-checkbox {
      @apply flex hover:text-black;
    }
    .more-action-btn {
      @apply flex;
    }
  }

  .resource-checkbox {
    @apply hidden w-4 h-auto cursor-pointer hover:flex;
  }

  .more-action-btn {
    @apply hidden;
    &:hover {
      & + .more-action-btns-wrapper {
        display: flex;
      }
    }
  }
}
